<template>
    <div>
        <div id="container"></div>
    </div>
</template>

<script>

    export default {
        name: "GaodeMap",
        data(){
            return{
                map:null,
            }
        },
        methods:{
            initMap(){
                    this.map = new AMap.Map("container",{  //设置地图容器id
                        viewMode:"3D",    //是否为3D地图模式
                        zoom:5,           //初始化地图级别
                        center:[105.602725,37.076636], //初始化地图中心点位置
                    });
            }
        },
        mounted(){
            //DOM初始化完成进行地图初始化
            this.initMap();
        }
    }
</script>

<style scoped>
    #container{
        padding:0px;
        margin: 0px;
        width: 100%;
        height: 800px;
    }
</style>